<style>

  .container{
    /*margin-top: 10px;*/
    background-color: #f0eff5;
  }
  .container  li{
    padding: 15px;
margin-bottom:10px;
    background: #fff;
    /*border-bottom: 1px #f5f5f5 solid;*/
  }
  .container .time{
    font-size: 12px;
    padding-bottom: 6px ;
    padding-top: 16px ;
    color: #666;
    width: 100%;
  }
  .container .time span{
      font-size: 24px;
  }
  .list_img{

    float: left;
    position: relative;

  }
  .list_active{
    width: 40%;


    margin: auto;
  }
  .list_active .text-img{
    width: 100%;
  }
.list_img .text-img{
    width: 100%;
   
}
  .list_miss{
    width: 33.33%;
    height:  2.96rem;
    border: 2px solid #fff;
  }
.list_miss .text-img{
  height: 100%;
}

  .time-box{
    float: left;
    padding-left: 17px;
    background: url('https://www.superfa.cn/upload/bann/20160615/1465972079542time.png') left 4px no-repeat;
    background-size: 11px;
  }
  .delete{
    text-align: right;
    padding-left: 17px;
    /*background: url("img/icon/myindex/laji.png") left 4px no-repeat;*/
    /*background-size: 11px;*/
    color: #51668e;
    float: right;
    width: 100%;
    font-size: 12px;
    margin-top: 10px;
  }
  .pinglun{
    float: right;
    padding-left: 17px;
    background: url("img/shophome/pinglun.png") left 3px no-repeat;
    background-size: 15px;
    color: #51668e;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .img_wrap{
    width: 100%;
    position: relative;
  }


  .text-img{
    /*display: block;
    margin-top: 10px;
    height:80px;
    width: 100px;*/
  }
  .default-item{
    padding: 50px;
    padding-left: 117px;
    background: url("img/icon/myindex/kobai.png") 20px center no-repeat;
    background-size: 78px;
    color: #050505;
  }
  .line-icon{
    background: url("img/icon/myindex/line.png") center top no-repeat;
    background-size: 80%;
    height:27px;

  }
  .swiper-pagination-bullet{
    background: #ccc;
  }

</style>
<ion-view view-title="我的动态" hide-nav-bar="true">
  <ion-header-bar class="index_head">
    <button class="button button-icon icon ion-android-arrow-back" ng-click="$ionicGoBack()" style="color: #fff"></button>
    <div class="h1 title"> 我的动态</div>
    <button  ng-if="!sphone" class="button button-clear button-positive zhuce_head_btn" style="color: #fff;font-size: 14px;" ui-sref="addblogs">写动态</button>
  </ion-header-bar>

  <ion-content>

    <!--<div ng-if="!sphone" style="line-height: 21px;font-size: 12px;padding-left: 15px;color: #999;height: 21px;">您的动态，会显示在店铺内</div>-->
    <div ng-if="sphone && !isHaveData" style="    text-align: center;
    padding: 100px;
    color: #666;">暂无动态</div>
    <div class="container" >
      <div ng-if="!isHaveData && !sphone">
        <div class="default-item" ui-sref="addblogs">
          记录您的动态
        </div>
        <div class="line-icon"></div>
      </div>

      <div ng-repeat="(key,value) in list track by $index">
        <div style="line-height: 21px;font-size: 12px;padding-left: 15px;color: #999;height: 21px;">{{key | limitTo: 4:4}}年</div>
        <ul class="container1" style="margin-bottom: -10px;">
          <li ng-repeat="i in value track by $index" class="weui-flex" style="width: 100%;">
            <div class="time">
              <!--<p class="time-box">{{i.createDate | date:MM月}}</p>-->
             <p> <span>{{i.createDate | limitTo:2:8 }}</span><i>{{i.createDate | limitTo:2:5 }}月</i></p>
              <div style="margin: 0;width: 100%;" class="weui-flex__item">
                <!--<p class="list_img" ng-if="i.simages" style="background: url({{baseUrl+i.simages}}) no-repeat;background-position: center center;background-size: 100%;" ng-click="ckShowImg(baseUrl+i.simages)">-->
                <!--&lt;!&ndash;<img class="text-img" ng-click="ckShowImg(baseUrl+i.simages)"  ng-if="i.simages" ng-src="{{baseUrl+i.simages}}">&ndash;&gt;-->
                <!--</p>-->
                <p>{{i.scontent}}</p>
                <div class="img_wrap clear">
                    <div ng-if="s" class="list_img" ng-class="{true:'list_miss', false:'list_active'}[i.simages.length != 1]"  ng-click="ckShowImg(i.simages, $index)" ng-repeat="s in i.simages">
                      <img class="text-img" id="shopaclist{{$index}}" ng-if="s" ng-src="{{baseUrl+s}}?x-oss-process=image/resize,w_1125"ng-style="imghe($index) ">
                    </div>
                </div>
                <div ng-if="!sphone" class="delete" >
                  <i ng-click="delete(i.id)" >删除</i>
                </div>
              </div>

            </div>

            <!--<div class="pinglun clearfix" ng-click="ckcomment(i.id)">评论</div>-->
            <!--<div class="row shophome-saysayCommentList" ng-repeat="sayitem in i.saysayCommentList">-->
            <!--<div class="col col-20">-->
            <!--<img width="35px" height="35px" ng-src="{{requrl+sayitem.userHeadImg}}"/>-->
            <!--</div>-->

            <!--<div class="col col-80 ">-->
            <!--<div class="shophome-saysayCommentList-item1">-->
            <!--{{sayitem.userName}}-->
            <!--</div>-->
            <!--<div class="shophome-saysayCommentList-item2">{{sayitem.saysayComment}}</div>-->
            <!--<div class="text-right shophome-saysayCommentList-item3">{{sayitem.updateDate}}</div>-->
            <!--</div>-->

            <!--</div>-->
          </li>
        </ul>


      </div>
      <ion-infinite-scroll ng-if="config.hasNaxtPage" on-infinite="loadMore()" spinner="ios-small">
      </ion-infinite-scroll>


    </div>
  </ion-content>
  <div class="list shophome-comment" ng-show="showcomment">
    <div class="item item-input-inset">
      <label class="item-input-wrapper">
        <input type="text" placeholder="请输入评论" ng-model="saysayComment">
      </label>
      <button class="button button-small" ng-click="sendComment()">
        发送
      </button>
    </div>
  </div>
  <!--&lt;!&ndash;<div style="position:absolute;width:100%;height: 100%;z-index: 999;background-color: #000;" ng-init="showviewimg = false" ng-click="ckHideImg()"  ng-show="showviewimg">-->

    <!--<div class="viewimgurl" style="background-image:url({{viewimgurl}}?x-oss-process=image/resize,w_1125) ">-->
      <!--&lt;!&ndash;<img class="viewimgurl col col-center"  style="vertical-align: middle"  ng-src="{{viewimgurl}}"/>&ndash;&gt;-->
    <!--</div>-->
  <!--</div>&ndash;&gt;-->

  <div class="swiper-blogs">
    <div class="swiper-container" style="position:absolute;width:100%;height: 100%;z-index: 999;background-color: #000;"  ng-click="ckHideImg(viewimgurl)"  ng-show="showviewimg">
      <div class="swiper-wrapper">
        <div class="swiper-slide viewimgurl" ng-repeat="m in viewimgurl track by $index" style="background-image:url({{baseUrl + m}}?x-oss-process=image/resize,w_1125) "></div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
    </div>
  </div>

</ion-view>
